#detail{
	background:#f7f7f7;
	height:100%;
	header{
		position: relative;
	    width: 100%;
	    height: 34px;
	    line-height:34px;
	    text-align:center;
	    padding: 5px 0;
	    font-size: 16px;
	    background-color: #f60;
	    color: #fff;
	    position:relative;
	    .left{
	    	position:absolute;
    		width:11px;
    		height:18px;
    		background:url("../../assets/img/m-public-icon.png") no-repeat 0 -40px;
    		background-size:100px 65px;
    		top:14px;
    		left:8px;
	    }
	    .right{
	    	position:absolute;
    		display:block;
    		width:24px;
    		height:24px;
    		background:url("../../assets/img/m-public-icon.png") no-repeat -35px -40px;
    		background-size:100px 65px;
    		top:10px;
    		right:8px;
	    }
	}
	.top{
		width: 100%;
		height: 34px;
		line-height: 34px;
		background: #f7f7f7;
		overflow: hidden;
		font-size: 14px;
		ul{
			li{
				width:28%;
				float:left;
				text-align:center;
				position:relative;
			}
			li:after{
				content: '';
				position: absolute;
				width: 1px;
				height: 100%;
				background-color: #ebebeb;
				top: 0;
				right:0;
			}
			li:last-child{
				width:16%;
				i{
					display: block;
					width: 15px;
					height: 15px;
					margin: 9px auto;
					background: url("../../assets/img/set.png") no-repeat 0 -95px;
					background-size: 35px auto;
				}
			}
			.active{
				background:#fff;
				color:#f60;
			}
		}
	}
	.slider{
		width: 100%;
	    padding: 20px 0 0;
	    text-align: center;
	    background:#f7f7f7;
	    border-top:1px solid #ebebeb;
		img{
			width:200px;
			margin:0 auto;
		}
	}
	.pro_info{
	    padding: 10px 15px;
	    background: #fff;
	    overflow:hidden;
		h2{
			font-weight:normal;
			font-size:16px;
			line-height:20px;
		    word-break: break-all;
		    span{
		    	color:#e80000;
		    }
		}
		.price{
			display: block;
			padding: 8px 0 1px;
			color:#999;
		}
		.u-progress{
			margin-top:7px;
			height: 6px;
			background: #e7e7e7;
			position: relative;
			border-radius: 3px;
			overflow: hidden;

			.pgbar{
				display:block;
				width:60%;
				height:6px;
				background:#f60;
				border-radius: 3px;
			}
		}
		.Pro-bar-li{
			color:#ccc;
			li{
				float:left;
				overflow:hidden;
				em{
					display:block;
				}
			}
			.P-bar01{
				width:30%;
				text-align:left;
				em{
					color:#f60;
				}
			}
			.P-bar02{
				width:40%;
				text-align:center;
				em{
					color:#999;
				}
			}
			.P-bar03{
				width:30%;
				text-align:right;
				em{
					color:#2af;
				}
			}
		}
	}
	.line{
		height:15px;
		width:100%;
		background:#f7f7f7;
		border-top:1px solid #dedede;
		border-bottom:1px solid #dedede;
	}
	.ann_btn{
		width: 100%;
	    margin-bottom: 77px;
	    font-size: 16px;
	    background: #fff;
	    overflow:hidden;
	    position:relative;
	    a{
	    	display: block;
    	    padding: 0 10px;
    	    height: 42px;
    	    line-height: 42px;
    	    color: #666;
    	    border-bottom:1px solid #dedede;
    	    position:relative;
    	    span{
    	    	color:#bbb;
    	    	font-size:10px;
    	    	margin-left:5px;
    	    }
    	    .fr{
    	    	width: 7px;
	    	    height: 13px;
	    	    display: block;
	    	    position: absolute;
	    	    top: 15px;
	    	    background: url("../../assets/img/set.png") no-repeat 0 -182px;
	    	    background-size: 35px auto;
	    	    right:10px;
    	    }
	    }
	    
	}
	.footer{
		clear: both;
		width: 100%;
		background: #fff;
		padding: 6px 0;
		position: fixed;
		bottom: 0;
		z-index: 20;
		height:35px;
		a{
			float:left;
			display: block;
			margin-left: 15px;
			height: 35px;
			line-height: 35px;
			text-align: center;
			color: #fff;
			border-radius: 3px;
			font-size: 16px;
			background:#f60;
			width:38%;
		}
		a:last-of-type{
			background:#2af;
		}
		i{
			width: 26px;
			height: 23px;
			display: block;
			margin-right: 15px;
			margin-top: 8px;
			background:url("../../assets/img/set.png") no-repeat 0 -47px;
			background-size: 35px auto;
			float:right;
		}
	}
}